<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <!-- 公共样式 -->
    <link rel="stylesheet" href="css/public.css">
    <!-- 分类 -->
    <link rel="stylesheet" href="css/mine.css">
    <!-- 重置样式 -->
    <link rel="stylesheet" href="css/reset.css">
    <title>我的</title>
</head>

<body>
    <!-- top s -->
    <header class=" header clearfix">
        <!-- 返回按钮 -->
        <div class="back fl">
            <h2>Back</h2>
        </div>
        <!-- 下拉框 -->
        <div class="email fr">
            <img src="img/mine/email.jpg" alt="">
            <span>2</span>
        </div>
        <h1 class="class">
            我的
        </h1>
    </header>
    <!-- top e-->
    <!-- 主体部分 s -->
    <section id="main">
        <!-- 登录部分 s -->
        <section class="login clearfix">
            <div class="head">
                <a href="">
                    <img src="img/mine/head_portrait.jpg" alt="">
                </a>
            </div>
            <div class="text">
                <h2><a href="">点击登录</a></h2>
                <h3><a href="">常居地未设置</a></h3>
            </div>
            <span class="next fr">
                <a href="">
                    <img src="img/mine/next.jpg" alt="">
                </a>
            </span>
        </section>
        <!-- 登录部分 e-->
        <!-- 我的信息 s -->
        <section class="my_detail">
            <ul class="clearfix">
                <li>
                    <a href=""><img src="img/mine/review.jpg" alt=""></a>
                </li>
                <li>
                    <a href=""><img src="img/mine/favorite.jpg" alt=""></a>
                </li>
                <li>
                    <a href=""><img src="img/mine/preferential.jpg" alt=""></a>
                </li>
            </ul>
        </section>
        <!-- 我的信息 e-->
        <!-- 信息详情 s -->
        <section class="info_detail">
            <div class="content_dd clearfix">
                <aside class="info_left">
                    <div class="info_left_img"><img src="img/mine/purse.jpg" alt=""></div>
                    <h2>我的钱包</h2>
                </aside>
                <article class="info_right">
                    <h2>更多</h2>
                    <div class="more">
                        <a href="">
                            <img src="img/index/more.jpg" alt="">
                        </a>
                    </div>
                </article>
            </div>
            <div class="content_dd clearfix">
                <aside class="info_left">
                    <div class="info_left_img"><img src="img/mine/to_review.jpg" alt=""></div>
                    <h2>待点评</h2>
                </aside>
                <article class="info_right">
                    <h2>更多</h2>
                    <div class="more">
                        <a href="">
                            <img src="img/index/more.jpg" alt="">
                        </a>
                    </div>
                </article>
            </div>
            <div class="content_dd content_dd_movie clearfix">
                <aside class="info_left">
                    <div class="info_left_img"><img src="img/mine/fine_peopel.jpg" alt=""></div>
                    <h2>找好友</h2>
                </aside>
                <article class="info_right">
                    <h2>更多</h2>
                    <div class="more">
                        <a href="">
                            <img src="img/index/more.jpg" alt="">
                        </a>
                    </div>
                </article>
            </div>
            <div class="content_dd content_dd_movie clearfix">
                <aside class="info_left">
                    <div class="info_left_img"><img src="img/mine/foot.jpg" alt=""></div>
                    <h2>我的足迹</h2>
                </aside>
                <article class="info_right">
                    <h2>更多</h2>
                    <div class="more">
                        <a href="">
                            <img src="img/index/more.jpg" alt="">
                        </a>
                    </div>
                </article>
            </div>
            <div class="content_dd content_dd_movie clearfix">
                <aside class="info_left">
                    <div class="info_left_img"><img src="img/mine/setter.jpg" alt=""></div>
                    <h2>设置</h2>
                </aside>
                <article class="info_right">
                    <h2>更多</h2>
                    <div class="more">
                        <a href="">
                            <img src="img/index/more.jpg" alt="">
                        </a>
                    </div>
                </article>
            </div>
            <div class="content_dd content_dd_movie clearfix">
                <aside class="info_left">
                    <div class="info_left_img"><img src="img/mine/connet.jpg" alt=""></div>
                    <h2>联系</h2>
                </aside>
                <article class="info_right">
                    <h2>更多</h2>
                    <div class="more">
                        <a href="">
                            <img src="img/index/more.jpg" alt="">
                        </a>
                    </div>
                </article>
            </div>
        </section>
        <!-- 信息详情 e-->
        <!-- 退出，注销 s -->
        <section class="exit">
            <input type="button" value="退出">
            <input type="button" value="注销" title="exit">
        </section>
        <!-- 退出，注销 e-->
    </section>
    <!-- 主体部分 e -->
    <!--底部 S -->
    <footer class=" footer clearfix">
        <div class="home fl">
            <div>
                <a href="index.html">
                    <img src="img/index/index.jpg" alt="">
                </a>
                <h3>首页</h3>
            </div>

        </div>
        <div class="class fl">
            <div>
                <a href="class.html">
                    <img src="img/index/classFix.jpg" alt="">
                </a>
                <h3>分类</h3>
            </div>

        </div>
        <div class="find fl">
            <div>
                <a href="find.html">
                    <img src="img/index/find.jpg" alt="">
                </a>
                <h3>发现</h3>
            </div>

        </div>
        <div class="mine fl">
            <div>
                <a href="mine.html">
                    <img src="img/index/my.jpg" alt="">
                </a>
                <h3>我的</h3>
            </div>

        </div>
    </footer>
    <!--底部 E-->
</body>
<script src="js/index.js"></script>

</html>